﻿<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
	<%@ page isELIgnored="false"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>渝西监狱大安全信息处理系统</title>
<style type="text/css">
</style>
</head>
<body>
	<jsp:include page="../Nav.jsp" />
	<div class="container-fuild">
		<div class="row">
			<div class="col-xs-2 pr0" style="position: relative;">
				<jsp:include page="../Menu.jsp" />
			</div>
			<div class="col-xs-10 " style="padding-top: 10px;">
				<!--   视图区域 -->
				<div>
					<div>
						<div class="panel panel-primary ">
							<div class="panel-heading p0 ">
								<!-- 面包屑导航 -->
								<ol class="breadcrumb m0 nav-style">
									<li><a href="#"><span
											class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
											&nbsp;个人中心</a></li>
									<li class="active">个人资料</li>
								</ol>
							</div>
							<form action="" name="cUser" class="horizontal">
								<div class="panel-body">
									<div class="form-horizontal">
										<div class="form-group col-xs-12"></div>
										<div class="form-group col-xs-12"></div>
										<div class="form-group col-xs-2">
											<div class=" col-xs-2" >
												<a href="#" id="fileUp"
													style=" display: inline-block; width: 180px; height: 220px; position: relative; overflow: hidden; text-align: center; line-height: 30px; border-radius: 5px; color: #ffffff; text-decoration: none;">
													<img title="点击更换头像"
													src="/yuxi/model/userManage/image/usera.jpg"
													style="width: 150px; height: 220px;margin-right:40px;" id="user-headerImg"
													class="img-thumbnail" />
													<div style="opacity: 0; filter: alpha(opacity = 0);">
														<input id="upfile-haoping"
															style="position: absolute; right: 0; top: 0; font-size: 100px; opacity: 0; filter: alpha(opacity = 0);"
															type="file" name="files" multiple="multiple" value="浏览" />

														<!--  <input multiple="multiple" type="file" id="upfile-haoping" name="files" ></input> -->
													</div>
												</a>
											</div>
										</div>

										<div class="form-group col-xs-10">
											<span class="userId" style="display: none;">${userView.userId}</span>
											<label class="col-xs-2 control-label ">用户名</label>
											<div class="col-xs-2">
												<input type="text" class="form-control" value=""
													name="username" auto disabled>
											</div>
										</div>
										
										<div class="form-group col-xs-10">
											<label class="col-xs-2 control-label ">警号</label>
											<div class="col-xs-3">
												<input type="text" class="form-control" value=""
													name="accout" disabled>
											</div>
										</div>
										<div class="form-group col-xs-10">
											<label class="col-xs-2 control-label">身份证号</label>
											<div class="col-xs-3">
												<input type="text" class="form-control" value=""
													name="identity" disabled>
											</div>
										</div>
										<div class="form-group col-xs-10">
											<label class="col-xs-2 control-label">联系电话</label>
											<div class="col-xs-3">
												<input type="text" class="form-control" value=""
													name="phone">
											</div>
										</div>
										<div class="form-group col-xs-10 stru">
											<label class="col-xs-2 control-label">部门</label>
											<div class="col-xs-2 ">
												<select class="form-control prison" disabled>
													<option value="1">监狱</option>
												</select>
											</div>
											<div class="col-xs-3 ">
												<select class="form-control department" disabled>
													<option value="choice">选择科室或者监区</option>
												</select>
											</div>
											<div class="col-xs-2 ">
												<select class="form-control child" disabled>
													<option value="choice">请选择分监区</option>
												</select>
											</div>
										</div>
										<div class="form-group col-xs-2"></div>
										<div class="form-group col-xs-10 pRole">
											<label class="col-xs-2 control-label">职务</label>
											<div class="col-xs-2 ">
												<select class="form-control persRole" disabled>
													<option></option>
												</select>
											</div>

										</div>
										<div class="form-group col-xs-2"></div>
										<div class="form-group col-xs-10 role">
											<label class="col-xs-2 control-label">角色</label>
											<div class="col-xs-2">
												<select class="form-control roleList" disabled>
													<!-- <option></option> -->
												</select>
											</div>
										</div>
										<div class="col-xs-3 col-xs-offset-4">
											<span class="btn btn-primary col-xs-7" id="saveModal">修改</span>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>

					<div class="modal fade" id="modifyModel">
						<div class="modal-dialog" style="width: 20%;">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<h4 class="modal-title">提示</h4>
								</div>
								<div class="modal-body">
									<p>确定保存您所做的修改吗？</p>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-default"
										data-dismiss="modal">关闭</button>
									<span class="btn btn-primary" id="saveModBtn">确定</span>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->

				</div>
			</div>



			<script type="text/javascript"
				src="/yuxi/js/lastController/personalCenter/personDetail.js"></script>
</body>
</html>